<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<bsl:layout-render name="/WEB-INF/jsp/portalCommon/layout.jsp">
<bsl:layout-component name="html-head">
<meta name="description" content="Windy Warm Corporation is from Hangzhou, China. As well-known names in the industry, engaged in manufacturer of gasoline containers and supply those products to global market. We provide innovative container solutions while maintaining the highest level quality standards. Our commitment to our customers is to offer the highest quality products; Market them competitively; and maintain the exceptional level of customer service">
	<script src="<%=request.getContextPath()%>/js/jcarousellite_1.0.1.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.mousewheel.js" type="text/javascript"></script>
	<script>
		$(function() {
		    $(".anyClass").jCarouselLite({
		        btnNext: ".next",
		        btnPrev: ".prev",
		        auto: 4000,
		        speed: 1500,
		        visible:4,
		        mouseWheel: true,
		        scroll: 1
		    });
		});
	</script>
	<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41141994-1', 'windywarm.com');
  ga('send', 'pageview');

</script>
</bsl:layout-component>
<bsl:layout-component name="title">
Gas Cans - ${curDivision.divNameEn}
</bsl:layout-component>
<bsl:layout-component name="content" >
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<c:set value="gas-cans" var="urlPrefix"></c:set>		
	
	<div class="potal_title_div">
				<div style="float:left;font:bold 16px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					Products
				</div>
					<div style="float:right;width:60px;height:38px;background:url(images/title.png) -940px 0px no-repeat"><a href="${contextPath}/${urlPrefix}/viewProducts" style="display:inline;font:10px/38px Verdana,microsoft yahei,Arial;color:#505050;">More &gt;&gt;</a></div>
					
				</div>
	
	
	
		<div class="anyClass">
		    <ul>
		    
		    	<c:forEach var="demo" varStatus="vs" items="${demoList}">
		
						<li>
							<a href="${contextPath}/${urlPrefix}/viewProductItem?article.id=${demo.id}"><img src="${contextPath}${demo.album.coverPhoto.thumbnailMiddle}" alt="" width="200" height="180" ></a>
						</li>
				</c:forEach>
		        
		    </ul>
		</div>
	
	<table width="100%" style="margin:0px;padding:0px;border:1px #ebebeb solid">
		<tr>
			<td width="60%" valign="top" style="border-right:1px #ebebeb solid">
				<div class="potal_title_div">
				<div style="float:left;font:bold 16px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					About Us
				</div>
					<div style="float:right;width:60px;height:38px;background:url(images/title.png) -940px 0px no-repeat"><a href="${contextPath}/${urlPrefix}/viewAboutUs" style="display:inline;font:10px/38px Verdana,microsoft yahei,Arial;color:#505050;">More &gt;&gt;</a></div>
					
				</div>
				
				<div style="float:left;height:104px;width=133;margin:15px 15px 0px 15px">
				<img src="${contextPath}${aboutUs.album.coverPhoto.thumbnailMiddle}" height="104" width="133" border="0">
				</div>
				
				<div style="font:12px/20px  Verdana,microsoft yahei,Arial;margin:15px 15px 15px 15px;color:#505050;">
					
					${aboutUs.articleContent.briefThird}&nbsp;<a href="${contextPath}/${urlPrefix}/viewAboutUs">Details»</a>
				</div>
				
				
			</td>
			<td width="40%" valign="top">
				<div class="potal_title_div_without_float">
				<div style="float:left;font:bold 16px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					News
				</div>
					<div style="float:right;width:60px;height:38px;background:url(images/title.png) -940px 0px no-repeat"><a href="${contextPath}/${urlPrefix}/viewNewsList" style="display:inline;font:10px/38px Verdana,microsoft yahei,Arial;color:#505050;">More &gt;&gt;</a></div>
					
				</div>
				<div>
					<ul class="newslist">
						<c:forEach items="${newsList}" var="news" varStatus="vs">
							<li class="newslist"><a href="${contextPath}/${urlPrefix}/viewNewsDetails?article.id=${news.id}" target="_self" class="newslist">${news.title}</a></li>
						</c:forEach>
					</ul>
				</div>
			</td>
		</tr>
		
	</table>
	<div><img alt="" src="${contextPath}/images/2.jpg" width="100%" style="border: 1px solid #bbb"></div>
</bsl:layout-component>

<bsl:layout-component name="side_info">

	<jsp:include page="prodCateInfo.jsp">
		<jsp:param value="${productDiv}" name="productDiv"/>
 		<jsp:param value="${curCategory}" name="curCategory"/>
   	</jsp:include>
	
		<jsp:include page="contactInfo.jsp">
		<jsp:param value="null" name="null"/>
   	</jsp:include>
	
</bsl:layout-component>


</bsl:layout-render>